<div class="center-block text-center">
    {% if question.part == '1' %}
    {% if reference %}
    {{image(reference.url, 'class' : 'img-responsive question-img')}}
    {% endif %}
    {% if audio %}
    <button><i class="fa fa-music"></i></button>
    {% endif %}
    {% endif %}

    {% if question.question %}
    <div>Question: {{ question.question }}</div>
    {% endif %}
    {% if question.answerA %}
    <div><input name="answer" type="radio" value="A"/>A: {{ question.answerA }}</div>
    {% endif %}
    {% if question.answerB %}
    <div><input name="answer" type="radio" value="B"/>B: {{ question.answerB }}</div>
    {% endif %}
    {% if question.answerC %}
    <div><input name="answer" type="radio" value="C"/>C: {{ question.answerC }}</div>
    {% endif %}
    {% if question.answerD %}
    <div><input name="answer" type="radio" value="D"/>D: {{ question.answerD }}</div>
    {% endif %}
</div>